@charset "utf-8";
/* ---------------------------------------------------------------------------------------  RESET DEFAULT  */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, /*table*/ caption, /*tbody, tfoot, thead, tr, th, td,*/ label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: "Arial", Helvetica, Geneva, sans-serif;
	vertical-align: baseline;
}
:focus {outline: 0;}

ol, ul {list-style-type: none;}

table {border-width: 0;	border-collapse: separate; border-spacing: 0;}

blockquote:before, blockquote:after, q:before, q:after { content: "";}

blockquote, q { quotes: "" "";}

* h1, h2 { font-family: "Arial", Helvetica, Geneva, sans-serif }

img{ behavior: url("iepngfix.htc") }


.clearfix:after { clear: both; display: block; content: " "; height: 0px; visibility: hidden;}
.clearfix { display: inline-block; height: 0%; font-size:0%}

/* Hide these rules from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
li.clearfix { display: list-item;}


/* --------------------------------------------------------------------------------------- GENERAL  */

.clear:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden;}

.clear { display: inline-block;  }

* html .clear { height: 1%; }

.clear { display: block; }

.clear{ clear:both; }

.left {	float: left; _clear:left;}

.right { float: right;}

/*@font-face {
	font-family: 'aescrawl';
	 src: url('/images/admin/aescrawl.eot');
	 src: local(aescrawl), url('/images/admin/aescrawl.ttf') format('opentype');
	}*/
@font-face {
    font-family: 'nigmaScrawl4BRKRegular';
    src: url('/images/admin/aescrawl-webfont.eot');
    src: url('/images/admin/aescrawl-webfont.eot?#iefix') format('embedded-opentype'),
         url('/images/admin/aescrawl-webfont.woff') format('woff'),
         url('/images/admin/aescrawl-webfont.ttf') format('truetype'),
         url('/images/admin/aescrawl-webfont.svg#nigmaScrawl4BRKRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* ---------------------------------------------------------------------------------------  TYPOGRAPHY */

body{font-family: Arial, Helvetica, sans-serif; color:#5e5e5e}

#holiBox div.whtBox1 td
{
    border: solid 1px #DCDCDC;
    padding: 3px;
}
/* ---------------------------------------------------------------------------------------  LAYOUT  */
body{ /*background:url(/images/admin/brandix-bg.jpg) repeat-x #d2d2d2;*/ background: #f9f9f9;}
#wrapper{width:982px; margin:auto; background-color:#fff; padding:0 0px 10px}

#topHead{ clear:both; background: black; width:982px; height:110px; border-bottom:1px solid #000000;  }
#topHead .lftArea{ float:left; height:110px; width:465px; background:url(/images/logo_supertainme.png) no-repeat 20px center}
#topHead .rhtArea{ float:right; height:110px;width:500px; padding-right:16px;}
#topHead .rhtArea .topNav{ clear:both; height:33px; font-size:10px; color:#656565; line-height:33px;float:right;}
#topHead .rhtArea .topNav .lftNote{ float:left; padding:0 5px 0 0}
#topHead .rhtArea .topNav .rhtNav2 ul li.welcome{background:none;}
.blackFont{ color:#eeeeee; padding-right:2px}

#topHead .rhtArea .topNav .rhtNav2{ float:left;}
#topHead .rhtArea .topNav .rhtNav2 ul{ }
#topHead .rhtArea .topNav .rhtNav2 ul li{display:block; float:left; padding:0 0px 0 10px;}
#topHead .rhtArea .topNav .rhtNav2 ul li a{ color:#eeeeee;}
#topHead .rhtArea .topNav .rhtNav2 ul li a:hover{ color:#eeeeee; text-decoration:none; }

#topHead .rhtArea .srhArea{clear:both;  }
#topHead .rhtArea .srhArea .txtBoxArea{}
#topHead .rhtArea .srhArea .ButtnArea{ }


.txtBoxSrh{ border:1px solid #a4a4a4; font-size:11px; height:18px; color:#8f8f8f; margin:0 2px 0 0;}
.buttnSrh{ border:none; background:#333; color:#FFF; font-size:11px; height:22px; padding:2px 8px 4px;#padding-left:3px;#padding-right:3px;cursor:pointer;}

#topHead .rhtArea .srcSpace{clear:both; height:auto;}

#Nav{ clear:both}
form{margin:0px;padding:0px;}
.menuBar{ height:31px; clear:both; border-top:1px solid #a4a4a4}

#mBody{clear:both; display:block; padding:7px 0; min-height:360px; font-size:12px; /*float:left*/}
#mBody .gryboxTopsce{ height:12px; clear:both}
#mBody .gryboxBotsce{ height:22px; clear:both}

/* main page */
#main{ width:966px; background:#fff; float:left }
#main #container1{ float:left; width:745px}
#main #container2{ float:left; width:745px}
#main #mainLft{ float:left; width:639px; }
#main #mainLft .imgBanner{ float:left; width:637px; height:231px; background:url(/images/admin/img_main.jpg) no-repeat 0 0; margin-bottom:10px}

#main #mainLft .welcmNte{ position:relative; float:left; width:610px;  height:auto !important;  height:189px; padding:4px 8px 11px; /*background:url(/images/admin/box_bg.jpg) no-repeat 0 35px;*/ margin-bottom:10px;}
#main #mainLft .welcmNte h1{ font-size:20pt; font-weight:bold; line-height:1.6em; color:#818181;  margin-bottom:13px;}
#main #mainLft .welcmNte h2{ font-size:11pt; font-weight:bold; line-height:1.6em; color:#5e5e5e; padding-top:8px; text-indent:11px;}
#main #mainLft .welcmNte p{ line-height:1.4em; padding:0 8px}

#main #mainLft .world-time{ background:url(/images/admin/world-time-back.jpg) no-repeat; position:relative; float:left; width:312px; min-height:167px;   height:143px; padding:4px 37px 26px 8px;}


#main #mainLft .world-time h1{ font-size:14pt; font-weight:bold; line-height:1.6em; color:#fff; }
#main #mainLft .world-time ul{ margin-left:20px; padding-top:5px; padding-right:8px}
#main #mainLft .world-time ul li{ padding-bottom:8px; width:100px; float:left; padding-left:12px;}
#main #mainLft .world-time ul li a{ color:#5e5e5e; text-decoration:none}
#main #mainLft .world-time ul li a:hover{ color:#c91721; text-decoration:underline}
#main #mainLft .world-time a.more{ position:absolute; bottom:10px; right:10px; width:60px; height:22px; background: url(/images/admin/buttn_more.gif) no-repeat 0 0; text-indent:999px; overflow:hidden}


#main #mainLft .weather-area{  width:281px; float:left}
#main #mainLft .weather-hd{background:url(/images/admin/whether-top.jpg) no-repeat; width:311px; height:27px; padding:10px;}
#main #mainLft .weather-bd{background:url(/images/admin/whether-cont.jpg) repeat-y; width:311px; height:auto;}
#main #mainLft .weather-ft{background:url(/images/admin/whether-ft.jpg) no-repeat; width:311px; height:20px;}

#main #mainLft .weather-area h1{ font-size:14pt; font-weight:bold; line-height:1.6em; color:#fff; margin-bottom: 18px;}
#main #mainLft .default .deImgarea{ float:left; padding-left:10px; width:80px;}
#main #mainLft .default .deTxtarea{ float:left; margin-left:8px; width:195px; }

/* new style add*/
#main #mainLft .default .deTxtarea ul{ margin-left:20px; padding-right:2px;}
#main #mainLft .default .deTxtarea ul li{ list-style:disc outside; padding-bottom:6px;}
#main #mainLft .default .deTxtarea ul li a{ color:#5e5e5e; text-decoration:none}
#main #mainLft .default .deTxtarea ul li a:hover{ color:#c91721; text-decoration:underline}

#main #mainLft .default img{ border:2px solid #999 }
#main #mainLft .default ul{ padding-right:8px}
#main #mainLft .default ul li{ list-style:disc outside; padding-bottom:8px;}
#main #mainLft .default ul li a{ color:#5e5e5e; text-decoration:none}
#main #mainLft .default ul li a:hover{ color:#c91721; text-decoration:underline}
#main #mainLft .default a.more{ position:absolute; bottom:10px; right:10px; width:60px; height:22px; background: url(/images/admin/buttn_more.gif) no-repeat 0 0; text-indent:999px; overflow:hidden}

#main #mainRht{ float:left; width:280px; margin-left:12px; }
#main #mainRht .bulletin-board{ background:url(/images/admin/bulletin-back.jpg) no-repeat; width:310px; height:285px;}
#main #mainRht .bulletin-board ul{ padding-top:30px; padding-left:36px;}
#main #mainRht .bulletin-board ul li{ list-style:url(/images/admin/news-bullet.jpg)  outside; padding-bottom:8px; }
#main #mainRht .bulletin-board ul li p{ font-family:nigmaScrawl4BRKRegular; font-size:14px; width:260px; word-wrap:break-word; text-align:left; margin-top:5px; }
#main #mainRht .news-letters{ width:100%; padding:0px; margin:0px;}
#main #mainRht .news-letters-hd{background:url(/images/admin/news-letters-hd.jpg) no-repeat; width:311px; height:28px; padding:10px;}
#main #mainRht .news-letters-bd{background:url(/images/admin/news-letters-cont.jpg) repeat-y; width:309px;  }
#main #mainRht .news-letters-ft{background:url(/images/admin/news-letters-btm.jpg) no-repeat; width:311px; height:28px;}
#main #mainRht .news-letters-hd h2{ font-family:Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; font-size:18px;}
#main #mainRht .news-letters-bd ul{ margin-left:30px; padding-top:18px; padding-right:8px}
#main #mainRht .news-letters-bd ul li{ list-style:url(/images/admin/news-bullet.jpg)  outside; padding-bottom:8px; background-position:top;}
#main #mainRht .news-letters-bd ul li a{ color:#5e5e5e; text-decoration:none}
#main #mainRht .news-letters-bd ul li a:hover{ color:#c91721; text-decoration:underline}

#main #mainRht .download-guidelines{ width:100%; padding:0px; margin:0px;}
#main #mainRht .download-guidelines-hd{background:url(/images/admin/download-hd.jpg) no-repeat; width:311px; height:13px; }
#main #mainRht .download-guidelines-bd{background:url(/images/admin/download-cont.jpg) repeat-y; width:295px; padding:10px; padding-left:33px;  }
#main #mainRht .download-guidelines-ft{background:url(/images/admin/download-ft.jpg) no-repeat; width:311px; height:13px;}




#main #mainRht .alertsBox{ position:relative; float:left; width:252px; border:6px solid #f2f2f2; min-height:189px;  height:auto !important;  height:189px; padding:4px 8px 26px 8px; /*background:url(/images/admin/box_bg.jpg) no-repeat 0 35px;*/ margin-bottom:10px;}
#main #mainRht .alertsBox h1{ font-size:14pt; font-weight:bold; line-height:1.6em; color:#c91721; border-bottom:1px dotted #bcbcbc}
#main #mainRht .alertsBox ul{ margin-left:28px; padding-top:18px; padding-right:8px}
#main #mainRht .alertsBox ul li{ list-style:disc outside; padding-bottom:13px;}
#main #mainRht .alertsBox ul li a{ color:#c91721; text-decoration:none}
#main #mainRht .alertsBox ul li a:hover{ color:#c91721; text-decoration:underline}
#main #mainRht .alertsBox a.more{ position:absolute; bottom:10px; right:10px; width:60px; height:22px; background: url(/images/admin/buttn_more.gif) no-repeat 0 0; text-indent:999px; overflow:hidden}

#main #mainRht .alertsBox2{ position:relative; float:left; width:252px; border:6px solid #f2f2f2; /*min-height:414px;*/  height:auto !important;  height:414px; padding:4px 8px 26px 8px; /*background:url(/images/admin/box_bg.jpg) no-repeat 0 35px;*/ margin-bottom:10px;}
#main #mainRht .alertsBox2 h1{ font-size:14pt; font-weight:bold; line-height:1.6em; color:#5e5e5e; border-bottom:1px dotted #bcbcbc}
#main #mainRht .alertsBox2 h2{ font-size:11pt; font-weight:bold; line-height:1.6em; color:#5e5e5e; padding-top:8px; text-indent:11px;}
#main #mainRht .alertsBox2 ul{ margin-left:28px; padding-top:8px; padding-right:8px; padding-bottom:9px;}
#main #mainRht .alertsBox2 ul li{ list-style:disc outside; padding-bottom:8px;}
#main #mainRht .alertsBox2 ul li a{ color:#5e5e5e; text-decoration:none}
#main #mainRht .alertsBox2 ul li a:hover{ color:#c91721; text-decoration:underline}
#main #mainRht .alertsBox2 a.more{ position:absolute; bottom:10px; right:10px; width:60px; height:22px; background: url(/images/admin/buttn_more.gif) no-repeat 0 0; text-indent:999px; overflow:hidden}
/* Add Tenants*/
#mBody .grybox{ margin:15px auto; width:675px; border:6px solid #f2f2f2; padding:8px 18px 16px 18px; background:#FFF}
#mBody .grybox h1{ font-size:14pt; font-weight:bold; line-height:1.6em; color:#5e5e5e; border-bottom:1px dotted #bcbcbc}
#mBody .grybox h2{ font-size:10pt; font-weight:bold;  color:#626262; /*padding:0 0 10px 0; line-height:2.2em;*/ padding:13px 0 16px;}
#mBody .grybox h3{ font-size:14pt; font-weight:bold; line-height:1.6em; color:#5e5e5e; }
#mBody .grybox .fmArea{ clear:both; /*background:url(/images/admin/box_shade.gif) no-repeat top left;*/}
/* --------------------------------------------------- */
/* contact Tenants*/
#mBody .grybox .fmArea .tenCont{ }
.ulpadd{ padding:5px 0; }
.lipadd{ border-bottom:1px solid #e7e7e7; padding:12px 0;}
.txtWrp5{ width:100px; float:left; font-weight:bold; word-wrap:break-word; line-height:1.5em}
.txtSpr5{ width:10px; float:left; line-height:1.5em}
.txtDetail5{ width:450px; float:left; word-wrap:break-word; line-height:1.5em}


/* --------------------------------------------------- */
/* Login*/
.txtAraPad{ padding-bottom:25px}
#mBody .grybox2{ margin:15px auto; width:348px; border:6px solid #f2f2f2; padding:8px 18px 16px 18px; background:#FFF}
#mBody .grybox2 h1{ font-size:14pt; font-weight:bold; line-height:1.6em; color:#5e5e5e; border-bottom:1px dotted #bcbcbc}
#mBody .grybox2 h2{ font-size:10pt; font-weight:bold;  color:#626262; padding:13px 0 16px;}
#mBody .grybox2 h3{ font-size:14pt; font-weight:bold; line-height:1.6em; color:#5e5e5e; }
#mBody .grybox2 .fmArea{ clear:both; /*background:url(/images/admin/box_shade.gif) no-repeat top left;*/ padding-top:25px}

#mBody .grybox4{ margin:15px auto; width:572px; border:6px solid #f2f2f2; padding:8px 18px 16px 18px; background:#FFF}
#mBody .grybox4 h1{ font-size:14pt; font-weight:bold; line-height:1.6em; color:#5e5e5e; border-bottom:1px dotted #bcbcbc}
#mBody .grybox4 h2{ font-size:10pt; font-weight:bold;  color:#626262; padding:13px 0 16px;}
#mBody .grybox4 h3{ font-size:14pt; font-weight:bold; line-height:1.6em; color:#5e5e5e; }
#mBody .grybox4 .fmArea{ clear:both; /*background:url(/images/admin/box_shade.gif) no-repeat top left;*/ padding-top:25px}

/* full Width Pages*/
#mBody .grybox3{ width:914px; border:6px solid #f2f2f2;  background:#FFF; padding:12px 20px; margin-top:10px; float:left; /*new*/margin-bottom:10px; }
#mBody .grybox3 h1{ font-size:14pt; font-weight:bold; line-height:1.6em; color:#5e5e5e; border-bottom:1px dotted #bcbcbc}
#mBody .grybox3 .fmArea{ clear:both; /*background:url(/images/admin/box_shade.gif) no-repeat 0 0*/ }

#mBody .grybox3 .fmArea .Dotwrp{ width:auto; border-bottom:1px solid #e6e6e6; padding:15px 0}
#mBody .grybox3 .fmArea .Dotwrp h1{ font-size:14pt; font-weight:bold; line-height:1.6em; color:#5e5e5e; border-bottom:1px dotted #bcbcbc;}
#mBody .grybox3 .fmArea .Dotwrp h2{ font-size:10pt; font-weight:bold;  color:#626262; padding-bottom:10px}
#mBody .grybox3 .fmArea .Dotwrp a{ text-decoration:none; color:#555555}
#mBody .grybox3 .fmArea .Dotwrp a:hover{ text-decoration:underline; color:#626262}
#mBody .grybox3 .fmArea .Dotwrp p{ line-height:1.4em}
#mBody .grybox3 .fmArea .Dotwrp h6{  font-size:9pt; font-style:italic; line-height:1.4em; color:#999; padding-top:6px }
#mBody .grybox3 .fmArea .Dotwrp .downloadLink{ clear:both; padding:10px 0 0; font-size:11px; color:#BBB}
#mBody .grybox3 .fmArea .Dotwrp .downloadLink a{ margin: 0 0 0 10px; padding:0 12px 0 20px; text-decoration:underline;color: #555555; font-size: 11px; }

/* full Width - Reservation Pages*/
#mBody .grybox3 .fmArea	.imgDetail{}
#mBody .grybox3 .fmArea	.imgDetail	ul{ }
#mBody .grybox3 .fmArea	.imgDetail	ul li{ border-bottom:1px solid #e6e6e6; padding:18px 0; display:block; float:left; width:912px}
#mBody .grybox3 .fmArea	.imgDetail	ul li	img{ width:206px; height:138px; border:8px solid #f2f2f2; float:left; margin-right:20px }
#mBody .grybox3 .fmArea	.imgDetail	ul li	span{color:#555555; font-size:20px; line-height:1.8em;  }
#mBody .grybox3 .fmArea	.imgDetail	ul li	h2{ font-size:14px; font-weight:bold; line-height:2.0em }
#mBody .grybox3 .fmArea	.imgDetail	ul li	p{ line-height:1.4em }

#mBody .grybox3 .fmArea	.catoDetail	ul li a{ color:#555555; font-size:14px; font-weight:bold;}



/* full Width - attachment Pages*/
#mBody .grybox3 .fmArea .boxwrp{ width:auto; padding:15px 0}
#mBody .grybox3 .fmArea .boxwrp div ul{}
#mBody .grybox3 .fmArea .boxwrp div ul li{ padding:5px 0 5px 20px}
#mBody .grybox3 .fmArea .boxwrp div ul li a{ text-decoration:none; color:#5e5e5e}
#mBody .grybox3 .fmArea .boxwrp div ul li a:hover{ text-decoration:underline; color:#5e5e5e }
.pdf{ background:url(/images/admin/icon_pdf.gif) no-repeat 0 0}
.wrd{ background:url(/images/admin/icon_word.gif) no-repeat 0 0}
.exl{ background:url(/images/admin/icon_excel.gif) no-repeat 0 0; }
/*.pdf{ background:url(/images/admin/icon_pdf.gif) no-repeat 0 6px}
.wrd{ background:url(/images/admin/icon_word.gif) no-repeat 0 6px}
.exl{ background:url(/images/admin/icon_excel.gif) no-repeat 0 6px}*/
.downloadLink a {background-position: left;padding: 17px;}
#com-down a { margin: 0 0 0 10px; padding:0 12px 0 20px; text-decoration:underline;color: #555555; font-size: 11px; }
#com-down span{color: #5E5E5E;}
#mBody .grybox3 .fmArea .boxwrp .attColumA{ width:304px; float:left; }
#mBody .grybox3 .fmArea .boxwrp .attColumA ul{}
#mBody .grybox3 .fmArea .boxwrp .attColumA ul li{ }

#mBody .grybox3 .fmArea .boxwrp .attColumB{ width:304px; float:left; }
#mBody .grybox3 .fmArea .boxwrp .attColumC{ width:304px; float:left; }
/* --------------------------------------------------- */

/* Error Display */
.errorDis{ border:2px solid #eb4545; color:#CC0000; margin:10px 0 0; padding:3px 10px; background:#f7e7e8; font-size:11px }
.errorDis ul{}
.errorDis ul li{ list-style: disc inside}
/* --------------------------------------------------- */

/* Sucuess Display */
.succDis{ border:2px solid #91c184; color:#4c813d; margin:10px 0 0; padding:3px 10px; background:#eaf2e9; font-size:11px }

/* --------------------------------------------------- */

/* Holiday Display */
#seletArea{ clear:both; display:block; padding:20px 0}
#seletArea span{}
#seletArea label{ padding-right:20px}
#holiBox{ background:#f2f2f2; padding:6px; clear:both; display:block}
#holiBox h2{ font-size:20px; font-weight:bold; color:#999; padding:5px 0 10px 3px}
#holiBox .whtBox1{ background:#FFF; padding:5px; clear:both; width:943px; overflow: auto;}
#holiBox .whtBox1 ul{ clear:both; padding:0 5px}
#holiBox .whtBox1 ul li{ border-bottom:1px solid #F2F2F2; clear:both; display:inline-block; padding:9px 0;}
#holiBox .whtBox1 ul li.lastA{ border-bottom:1px solid #fff; clear:both; display:inline-block; padding:9px 0;}
#holiBox .whtBox1 ul li .wb_txtDate{ width:170px; float:left; font-weight:bold; word-wrap:break-word; background:none}
#holiBox .whtBox1 ul li .wb_txtDetails{ float:left; width:692px; word-wrap:break-word; background:none}
#holiBox .whtBox1 ul li .wb_txtDetailsNew{ float:left; width:300px; word-wrap:break-word; background:none}
#holiBox .whtBox1 ul li .wb_txtSpr{ padding:0 5px; float:left; background:none}

/* --------------------------------------------------- */
/* Notice Board */
#mBody .grybox3 .fmArea .notice{ border:6px solid #f2f2f2; padding:12px 20px; margin-top:10px; width:864px; float:left}
#mBody .grybox3 .fmArea .notice h2{ border-bottom:1px solid #f2f2f2; font-size:14px; font-weight:bold; padding-bottom:3px; line-height:2.5em}
#mBody .grybox3 .fmArea .notice ul.listA{}
#mBody .grybox3 .fmArea .notice ul.listA li{ padding:12px 0}
#mBody .grybox3 .fmArea .notice ul.listA li h3{ font-size:13px; font-weight:bold; line-height:1.6em}
#mBody .grybox3 .fmArea .notice ul.listA li h6{ font-size:11px; font-weight:normal; color:#999;}
#mBody .grybox3 .fmArea .notice ul.listA li p{ padding:4px 0 0 0}
#mBody .grybox3 .fmArea .news h6{ font-size:11px; font-weight:normal; color:#999;}

#frmNotice{ float:left; margin:10px 0 0 0; width:auto}
#frmNotice .rowfrm3{ float:left; width:862px; padding:0 0 6px 0}
/*#frmNotice .rowfrm3 label{ float:left; width:80px; padding:3px 0 0; }*/
.buttnSrh3{ border:none; background:#333; color:#FFF; font-size:11px; height:22px; padding:2px 20px 4px;#padding-left:10px;#padding-right:10px; margin-left:80px;}

.txtBox61{width:300px; color:#777;border:1px solid #a4a4a4; padding:0 3px; height:20px; }
.txtBox62{width:300px; color:#777;border:1px solid #a4a4a4; padding:0 3px; }
.txtBox63{width:95px; color:#777;border:1px solid #a4a4a4; padding:2px 3px; height:24px; }

/* Newsletters */
#newsletters{ float:left; display:block}
#newsletters ul.nl_brd {}
#newsletters ul.nl_brd li{ border-bottom:1px solid #E6E6E6; display:inline-block; float:left; padding:10px 4px}
#newsletters ul.nl_brd li .iconClender{ float:left; width:30px; height:30px; background:url(/images/admin/icon_calander.gif) no-repeat 0 0; overflow:hidden; text-indent:300px;}
#newsletters ul.nl_brd li .NL_txtArea{ float:left; /*width:772px;*/ padding:0 10px; width:745px}
#newsletters ul.nl_brd li .NL_txtArea h6{ font-size:11px; font-weight:normal; color:#999;}
#newsletters ul.nl_brd li .NL_txtArea p{}
#newsletters ul.nl_brd li a{ float:left; width:110px; height:33px; overflow:hidden; text-indent:300px; background:url(/images/admin/buttn_download.gif) no-repeat 0 0}

 /**/
/* --------------------------------------------------- */
#numerWarp{ float:left; width:150px; padding:8px 0;  }
#numerWarp a{background:url(/images/admin/note_add.gif) no-repeat 0 0; padding-left:21px; color:#555555; text-decoration:none}
#numerWarp a:hover{background:url(/images/admin/note_add.gif) no-repeat 0 0; padding-left:21px; color:#555555; text-decoration:underline}

#numerArea2{ float:right;padding:8px 0;width:385px;}
#numerArea2 .showPg{ float:left; width:350px}
#numerArea2 .showNo{ float:right; width:175px;text-align:right;}
#numerArea2 .showNo ul{ float:right; }
#numerArea2 .showNo ul li{ float:left; padding:0 0 0 4px;}
#numerArea2 .showNo ul li span.countspan{display:block;padding-top:3px;}
#numerArea2 .showNo ul li a.next{ background:url(/images/admin/icon_next.gif) no-repeat;cursor:pointer;display:block;
height:20px;overflow:hidden;padding:0;text-indent:500em;width:21px; }
#numerArea2 .showNo ul li a.last{ background:url(/images/admin/icon_last.gif) no-repeat; cursor:pointer;display:block;
height:20px;overflow:hidden;padding:0;text-indent:500em;width:21px; }
#numerArea2 .showNo ul li a.prev{ background:url(/images/admin/icon_prev.gif) no-repeat; cursor:pointer;display:block;
height:20px;overflow:hidden;padding:0;text-indent:500em;width:21px; }
#numerArea2 .showNo ul li a.first{ background:url(/images/admin/icon_first.gif) no-repeat;cursor:pointer;display:block;
height:20px;overflow:hidden;padding:0;text-indent:500em;width:21px; }
#numerArea2 .lblBox1{ width:52px; float:left; padding:2px 0 0}
#numerArea2 .resulttxt1{ width:auto; float:left; padding:2px 0 0}
#numerArea2 .drpdwnBox{ width:50px; float:left}
/* --------------------------------------------------- */
/* --------------------------------------------------- */
#numerArea3{ float:right;padding:8px 0;width:385px;}
#numerArea3 .showPg{ float:left; width:200px}
#numerArea3 .showNo{ float:right; width:175px;text-align:right;}
#numerArea3 .showNo ul{ float:right; }
#numerArea3 .showNo ul li{ float:left; padding:0 0 0 4px;}
#numerArea3 .showNo ul li span.countspan{display:block;padding-top:3px;}
#numerArea3 .showNo ul li a.next{ background:url(/images/admin/icon_next.gif) no-repeat;cursor:pointer;display:block;
height:20px;overflow:hidden;padding:0;text-indent:500em;width:21px; }
#numerArea3 .showNo ul li a.last{ background:url(/images/admin/icon_last.gif) no-repeat; cursor:pointer;display:block;
height:20px;overflow:hidden;padding:0;text-indent:500em;width:21px; }
#numerArea3 .showNo ul li a.prev{ background:url(/images/admin/icon_prev.gif) no-repeat; cursor:pointer;display:block;
height:20px;overflow:hidden;padding:0;text-indent:500em;width:21px; }
#numerArea3 .showNo ul li a.first{ background:url(/images/admin/icon_first.gif) no-repeat;cursor:pointer;display:block;
height:20px;overflow:hidden;padding:0;text-indent:500em;width:21px; }
#numerArea3 .lblBox1{ width:52px; float:left; padding:2px 0 0}
#numerArea3 .resulttxt1{ width:auto; float:left; padding:2px 0 0}
#numerArea3 .drpdwnBox{ width:50px; float:left}
/* --------------------------------------------------- */


#numerArea{ padding:8px 0 8px 0; float:left;width:676px;}
#numerArea .showPg{ float:left; width:426px}
#numerArea .showNo{ float:right; width:250px;text-align:right;}
#numerArea .showNo ul{ float:right; }
#numerArea .showNo ul li{ float:left; padding:0 0 0 4px;}
#numerArea .showNo ul li span.countspan{display:block;padding-top:3px;}
#numerArea .showNo ul li a.next{ background:url(/images/admin/icon_next.gif) no-repeat;cursor:pointer;display:block;
height:20px;overflow:hidden;padding:0;text-indent:500em;width:21px; }
#numerArea .showNo ul li a.last{ background:url(/images/admin/icon_last.gif) no-repeat; cursor:pointer;display:block;
height:20px;overflow:hidden;padding:0;text-indent:500em;width:21px; }
#numerArea .showNo ul li a.prev{ background:url(/images/admin/icon_prev.gif) no-repeat; cursor:pointer;display:block;
height:20px;overflow:hidden;padding:0;text-indent:500em;width:21px; }
#numerArea .showNo ul li a.first{ background:url(/images/admin/icon_first.gif) no-repeat;cursor:pointer;display:block;
height:20px;overflow:hidden;padding:0;text-indent:500em;width:21px; }


.last{ background:url(/images/admin/icon_last.gif) no-repeat; height:20px}


#numerArea .lblBox1{ width:52px; float:left; padding:2px 0 0}
#numerArea .resulttxt1{ width:auto; float:left; padding:2px 0 0}

#numerArea .drpdwnBox{ width:300px; float:left}
.drpdwnBoxC1{ border:1px solid #a4a4a4; height:19px; color:#666; font-size:11px}

.frmtxtBox{float:left}

.txtBox1{width:300px; color:#777;border:1px solid #a4a4a4; height:20px; padding:0 3px;}
.txtBox2{width:150px; color:#777;border:1px solid #a4a4a4; height:20px; padding:0 3px;}
.txtBox3{width:132px; color:#777;border:1px solid #a4a4a4; height:20px; padding:0 3px;}
.drpBox1{width:150px; color:#777;border:1px solid #a4a4a4; height:20px; padding:0 3px;}
.txtArea{width:300px; color:#777;border:1px solid #a4a4a4; padding:0 3px;}

.frmLable{ width:85px;  float:left; padding:4px 10px 0 12px; font-size:12px}
.frmLableValue{ float:left; padding:4px 10px 0 12px; font-size:12px}
.frmRow{ clear:both; margin: 0 0 8px 0; display: inline-block; width:100%;}
.frmRowArea{ clear:both; margin: 0 0 8px 0; display: inline-block; width:700px;}
.frmRowAreaHoliday{ clear:both; margin: 0 0 8px 0; display: inline-block; width:575px;}
.frmRowLong{ clear:both; margin: 0 0 8px 0; display: inline-block; width:500px;}
.space-left{padding-left:107px;}
.space-left input{position:relative;top:2px;}
.space-left label{font-size:11px;}
.space-left a{background:url(/images/admin/nav-dot.gif) no-repeat 0 6px;color:#555555;font-size:11px;margin-left:10px;padding-left:10px;text-decoration:none;}
.space-left a:hover{ text-decoration:underline; color:#666666}

.space-left2{padding-left:107px; font-weight:bold;}
.space-left2 a{background:url(/images/admin/nav-dot.gif) no-repeat 0 6px;color:#555555;font-size:11px;margin-left:5px;padding-left:10px;text-decoration:none;}
.space-left2 a:hover{ text-decoration:underline; color:#666666}

.checkBox1{ display:block; padding:0 6px 0 11px; text-indent:-11px; width:105px; float:left;}
.butArea{ clear:both; padding:15px 6px 5px}
.form_error, .erroDis{ color:#555555; font-size:10px}
.erroDis{height: 12px;}
/*
#mBody .grybox .fmArea .fcnLinks{ clear:both; width:auto; margin:10px 0; padding:0 6px;}
#mBody .grybox .fmArea .fcnLinks a{ text-decoration:none; color:#555555; padding:10px 0 10px 20px;}
#mBody .grybox .fmArea .fcnLinks a:Hover{ text-decoration:underline; color:#555555; padding:10px 0 10px 20px;}
*/
.fcnLinks{ clear:both; width:auto; margin:10px 0; padding:0 6px;}
.fcnLinks a{ text-decoration:none; color:#555555; padding:10px 0 10px 20px;}
.fcnLinks a:Hover{ text-decoration:underline; color:#555555; padding:10px 0 10px 20px;}

.icoAtth{ background:url(/images/admin/icon_attach.gif) no-repeat 0 9px}
.icoBack{ background:url(/images/admin/icon_back.gif) no-repeat 0 9px}

#mBody .grybox .fmArea .lftSide{ float:left; width:278px; display:block }
#mBody .grybox .fmArea .rhtSide{ float:right; width:278px; display:block }





.listArea{ /*background:url(/images/admin/bg-grayGrd.jpg) repeat-x;*/ padding:2px 0 0; _float:left; #float:left; clear:both}

#mBody .grybox .listBox{ background:#e8e8e8; border:1px solid #c2c2c2; padding:2px 11px; font-weight:bold; clear:both; margin-bottom:5px; float:left;width:652px;}

.listWarp1{width:150px; padding: 0 5px 0 0; float:left;word-wrap:break-word}
.listWarp2{width:115px; padding: 0 5px 0 0; float:left}
.listWarp3{width:66px; padding: 0 5px 0 0; float:left}
.listWarp4{width:150px; padding: 0 5px 0 0; float:left; word-wrap:break-word}
.listWarp5{width:130px; padding: 0 5px 0 0; float:left; word-wrap:break-word}
.listWarp6{width:154px; padding: 0 5px 0 0; float:left;word-wrap:break-word}
.listWarp7{width:185px; padding: 0 5px 0 0; float:left;word-wrap:break-word}

.listWarp1 a, .listWarp2 a, .listWarp3 a, .listWarp4 a, .listWarp7 a { color:#555555; }
.listWarp1 a:hover, .listWarp2 a:hover, .listWarp3 a:hover, .listWarp4 a:hover{ color:#5e5e5e }

	.editWarp{ background:url(/images/admin/icon_edit.jpg) no-repeat center left; width:27px; padding: 1px 15px 0 18px; float:left}
	.editWarp	a{color:#555555; font-weight:bold; text-decoration:none}
	.editWarp	a:hover{}

	.deleteWarp{ background:url(/images/admin/icon_delete.jpg) no-repeat center left; width:39px; padding: 1px 5px 0 18px; float:left}
	.deleteWarp	a{color:#555555; font-weight:bold; text-decoration:none}
	.deleteWarp	a:hover{}

	.userWarp{ background:url(/images/admin/icon_user.gif) no-repeat center left; width:auto; padding: 1px 5px 0 17px; float:left}
	.userWarp	a{color:#555555; font-weight:bold; text-decoration:none}
	.userWarp	a:hover{}

	.contWarp{ background:url(/images/admin/icon_contact.gif) no-repeat center left; width:53px; padding: 0 0 0 20px; float:left}
	.contWarp	a{color:#555555; font-weight:bold; text-decoration:none}
	.contWarp	a:hover{}


#mBody .grybox .listBoxWht{background:#fff; border:1px solid #c2c2c2; padding:8px 10px 8px 10px; font-weight:normal; clear:both }
#mBody .grybox .listBoxWht .listRow{ clear:both;}
/* Contact List*/
#contList{ float:left; width:100%}
#contList ul.conList1{ }
#contList ul.conList1 li{ border:6px solid #f2f2f2; background:#FFF; padding:8px;
float:left; width:417px; _width:407px; margin:18px 6px 0; min-height:170px; height:auto !important; height:170px; }
#contList ul.conList1 li .imgWarp_CL{ width:90px; float:left; margin-bottom:2px}
#contList ul.conList1 li .imgWarp_CL img{ margin-bottom:5px}
#contList ul.conList1 li .imgWarp_CL p{word-wrap:break-word; font-size:11px; font-weight:bold}
#contList ul.conList1 li .thtWarp_CL{ width:318px; _width:308px; float:left; padding:0 0 0 8px}
#contList ul.conList1 li .thtWarp_CL h3{ font-size:13px; font-weight:bold; line-height:1.6em }
#contList ul.conList1 li .thtWarp_CL h6{ font-size:11px; font-weight:normal; color:#999 }
#contList ul.conList1 li .thtWarp_CL p{ padding:5px 0; line-height:1.3em}
#contList ul.conList1 li .thtWarp_CL a{ color:#555555; text-decoration:none; padding-left:4px}
#contList ul.conList1 li .thtWarp_CL a:hover{ color:#999; text-decoration:underline; padding-left:4px}

/* --------------------------------------------------- */
#footer{clear:both; background:#f2f2f2; height:40px}
#footer #lftAraFoot{float:left}
#footer #rhtAraFoot{float:right; font-size:11px; float:right; padding:14px 5px 0}

/* My Profile */
#myProfile{ border:6px solid #f2f2f2; margin:20px 0 0; background:#fff}
#myProfile h2{ font-size:14px; font-weight:bold; padding:13px 10px 10px; clear:both;}
#myProfile p{ line-height:1.4em}
#myProfile .grid{margin:0 15px;}
.u{text-decoration:underline; padding-bottom:16px;}
.form-row{width:300px; height:25px;}
.form-row-new{width:414px; height:25px;clear:both;}
.title{width:120px;background:url("/images/admin/title.gif") no-repeat scroll 99px 5px transparent; margin-bottom: 10px; word-wrap: break-word;float:left;clear:left; margin-right:7px;}
.dec{padding-left:5px;float:left;}
.dec a{ text-decoration:none; color:#555555}
.box{float:left;}
ul.row li{float:left;width:218px; position:relative; min-height:140px;   height:auto !important;   height:140px;}
ul.row li a{ text-decoration:none; color:#555555}
ul.row li a:hover{ text-decoration:none; color:#5e5e5e}
ul.row li a.edit{ position:absolute; background:url(/images/admin/icon_edit.jpg) no-repeat; float:left; bottom:6px; left:0px; width:80px; text-indent:20px; height:20px}
ul.row li a.delete{ position:absolute; background:url(/images/admin/icon_delete.jpg) no-repeat; float:left; bottom:6px; left:85px; width:80px; text-indent:20px; height:20px}
.butAreaMP{ clear:both; padding:6px 0 6px 107px;}
.frmWrpMP{ padding:20px 0; width:600px; /*background:#f7f7f7*/}
.txtbold{ font-weight:bold}

.frmPadd{ float:left; padding:14px 0; width:902px; }



/* --------------------------------------------------- */

/*
grybox3{ width:914px;  padding:12px 20px; margin-top:10px; float:left }
*/
.overflo{ position:relative;z-index:1000;}

/*Directory*/
.tableAra{ width:auto; padding:15px 0}

.tableAra table{ border:2px solid #e6e6e6; line-height:2.0em}
.tableAra thead{ color:#565656; font-weight:bold }
.tableAra thead td{ background:#e6e6e6 }
.tableAra tbody{}
.tableAra .no{ width:60px}
.tableAra .name{ width:160px}
.tableAra .des{ width:120px}
.tableAra .tele{ width:100px}
.tableAra .spce{ width:10px}

/*Categories*/
#mBody .grybox3 .fmArea .Dotwrp3{width:auto; border-bottom:1px solid #e6e6e6; padding:15px 0}
#mBody .grybox3 .fmArea .Dotwrp3 ul{ margin-left:20px}
#mBody .grybox3 .fmArea .Dotwrp3 ul li{ list-style:circle outside; font-size:14px; font-weight:bold; padding:5px 0; border-bottom:1px dotted #999; line-height:1.4em;  }
#mBody .grybox3 .fmArea .Dotwrp3 ul li a{ text-decoration:none; color:#555555}
#mBody .grybox3 .fmArea .Dotwrp3 ul li a:hover{ text-decoration:underline; color:#5e5e5e}


/* jQuery lightBox plugin - Gallery style */

	#mBody .grybox3 .fmArea .Dotwrp4{width:917px; padding:15px 0; float:left; position:relative}
	.bkMain{ float:right; font-size:11px; font-weight:bold; width:100px; padding:5px 0}
	.bkMain a{ float:right; color:#CC0000; text-decoration:underline  }
	.bkMain a:hover{ float:right; color:#5e5e5e; text-decoration:none  }
	#mBody .grybox3 .fmArea .Dotwrp4 h2{ font-size:10pt; font-weight:bold;  color:#626262; padding-bottom:10px; }
	#gallery {	}
	#gallery ul { list-style: none; }
	#gallery ul li { float:left; padding:0 6px 10px 6px; }
	#gallery ul img { border: 5px solid #3e3e3e; /*border-width: 5px 5px 20px;*/}
	#gallery ul a:hover img {border: 5px solid #fff;/*border-width: 5px 5px 20px;*/color: #fff;}
	#gallery ul a:hover { color: #fff; }


.invRow5{margin:auto; width:287px; padding:10px 0; }
.invRow5 .hdText{ color:#434343; font-size:18px; font-weight:bold; }
.invRow5 .lblmrReport{ padding:0 20px 0 0; width:80px;}
.buttnSrh11{ border:none; background:#333; color:#FFF; font-size:11px; padding:4px 20px 4px;#padding-left:10px;#padding-right:10px; }
.cellBold{ font-size:12px; font-weight:bold; background:#f2f2f2; vertical-align:top}
.cellBold2{ font-size:12px; font-weight:bold; background:#FFF; vertical-align:top}
.myProfile{ border:6px solid #fff; background:#fff; }
.cellTable{border:2px solid #dddddd; background: #dddddd  }
.cellNormal{ background:#FFF; vertical-align:top}

.myProfile_submit{ border:6px solid #fff; background:#fff; width:675px; float:left}
.buttnSrh12{ border:none; background:#333; color:#FFF; font-size:11px; padding:4px 20px 4px;#padding-left:10px;#padding-right:10px; float:left; margin:0 5px 0 0}
.buttnSrh13{ border:none; background:#333; color:#FFF; font-size:11px; padding:4px 20px 4px;#padding-left:10px;#padding-right:10px; float:left; margin-right:7px }
.wd100{ width:100px;}
.boxMR_report{ padding:10px 10px; font-weight:bold}
.errorTxt{ color:#900; font-size:10px}
.add-viewContactWrp{
background:url("/images/admin/icon_addContact.jpg") no-repeat scroll left center transparent;
float:left;
padding:1px 5px 0 18px;
}

.add-viewContactWrp	a{color:#555555; font-weight:bold; text-decoration:none}
.add-viewContactWrp	a:hover{}




.add-viewImageWrp{
background:url("/images/admin/icon_addImage.jpg") no-repeat scroll left center transparent;
float:left;
padding:1px 5px 0 18px;
}

.add-viewImageWrp a{color:#555555; font-weight:bold; text-decoration:none}
.add-viewImageWrp a:hover{}

.rightAlign{text-align: right !important;}
.main-image{width:415px;height:300px;margin-bottom: 10px;}
.main-image img{padding:10px;}
.box-width{width: 415px;}

.desc
{
width: 209px; float: left; padding-top: 5px;
}
#mBody .grybox .fmArea .singleColumn.new-assigned-width {width: 695px ;}
#main #mainRht .bulletin-board ul li a{ font-family:nigmaScrawl4BRKRegular; font-size:14px; width:260px; word-wrap:break-word; text-align:left; margin-top:5px; text-decoration: none;color:#5E5E5E}
#main #mainRht .bulletin-board ul li a:hover{text-decoration: underline;}

#more{text-align: right;padding:10px 20px 5px 10px;}
#more a{text-decoration: none;}
#more a:hover{text-decoration: underline;}

.more-link{position: absolute;
    right: 22px;
    top: 227px;}

#rotate{-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);-ms-transform: rotate(-3deg);-o-transform: rotate(-3deg);height: 246px;overflow: hidden;
transform: rotate(-3deg);position: relative;}

#mBody .grybox .fmArea .singleColumn {
    display:block;
    float:left;
    width:556px;
}

.wideTxtArea {
    border:1px solid #A4A4A4;
    color:#777777;
    height:80px;
    padding:0 3px;
    width:400px;
}

.wideTxtBox {
    border:1px solid #A4A4A4;
    color:#777777;
    height:20px;
    padding:0 3px;
    width:400px;
}

.wideTxtBoxCald {
    border:1px solid #A4A4A4;
    color:#777777;
    height:20px;
    padding:0 3px;
    width:80px;
}

.wideTxtBoxCaldNew
{
    border:1px solid #A4A4A4;
    color:#777777;
    height:20px;
    padding:0 3px;
    width:80px;
}


#ui-datepicker-div {
    font-size: 12px;
}

.loginErrors{ border:2px solid #eb4545; color:#CC0000; margin:0 0 10px; padding:3px 10px; background:#f7e7e8; font-size:11px }
.comboBox{color:#777;border:1px solid #a4a4a4; padding:2px 3px; height:24px; }
.ppt{ background:url(/images/admin/icon_powerpoint.gif) no-repeat 0 0}
.file{ background:url(/images/admin/icon_file.gif) no-repeat 0 0}
.zip{ background:url(/images/admin/icon_zip.gif) no-repeat 0 0}


.asterisk{ color: #cc0000; font-size: 11px; padding-left: 1px; }
a.ashLink{ font-size:11px; font-weight:normal; color:#999;}
a.ashLink:hover{ text-decoration: none}
.frmLableLong{ width:175px;  float:left; padding:4px 10px 0 12px; font-size:12px}

a.redLink{ font-size:11px; font-weight:normal; color:#555555;}
a.redLink:hover{ text-decoration: none}

/*gate passes */
.formGatePass{ float:left; margin:10px 0 0 0; width:auto}
.formGatePass .rowfrm3{ float:left; width:862px; padding:0 0 6px 0}
/*.formGatePass .rowfrm3 label{ float:left; width:80px; padding:3px 0 0; }*/
.formGatePass .rowfrm3 .labelInfo{ float:left; width:158px; padding:3px 0 0;}
.formGatePass .rowfrm3 .labelErro{ float:left; width:80px; padding:3px 0 0; }
.erroDis2 { color:#CC0000;font-size:10px;margin-left:158px;}
.buttnSrh7{ border:none; background:#333; color:#FFF; font-size:11px; height:22px; padding:2px 20px 4px;#padding-left:10px;#padding-right:10px; margin-left:158px; cursor: pointer;}

.downloadFiles {float:left; padding:1px 5px 0 18px; width:80px;}
.downloadFiles a {color:#555555; text-decoration:none;}

.rawColorEven {
  background-color: #ffffff;
}

.frmRowInactive{ color: #CECECE !important; }

/***** frontend styles ******/
.overlay {
  background-color: #777777; position: absolute; height: 750px; width: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 999; opacity: 0.6;
}
.overlayInner {
  position: absolute; top: 50px; left: 50%; margin-left: -208px; z-index: 1000;
}
.overlayBody {
  width: 450px; height: auto; background-color: #ffffff; padding: 30px;
}
.hidden {
  display: none;
}

.error .error_list {
  background: none repeat scroll 0.5em 0.4em #FFE5E5;
  border: 2px solid #EB4545;
  padding: 0.4em 0.4em 0.4em 1em;
}

.fmArea .error {
  padding-top: 0.5em;
}

.offer-help-contact {
  border: 3px solid lightsalmon;
  float: right;
  height: 80px;
  margin-left: 499px;
  margin-top: 125px;
  padding-top: 2px;
  position: absolute;
  width: 171px;
}
.offer-help-contact p {
  margin: 6px;
}